<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Zakat Energy Indonesia</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.dropotron-1.0.js"></script>
<script type="text/javascript" src="jquery.slidertron-1.1.js"></script>
<script type="text/javascript">
	$(function() {
		$('#menu > ul').dropotron({
			mode: 'fade',
			globalOffsetY: 11,
			offsetY: -15
		});
		$('#slider').slidertron({
			viewerSelector: '.viewer',
			indicatorSelector: '.indicator span',
			reelSelector: '.reel',
			slidesSelector: '.slide',
			speed: 'slow',
			advanceDelay: 4000
		});
	});
</script>
</head>
<body>
	<div class="top_right">
    	&nbsp;&nbsp;&nbsp;<a href=dashboard/login.php>Login</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="signup.php">Register</a>&nbsp;&nbsp;&nbsp;
	</div>
<div id="wrapper">
	<div id="header">
    <div id="symbol">
      <img src="images/ZEI.png" alt="" width="133" height="150" /> </div>
		<div id="logo">
			<h1><a href="index.php">Zakat Energy Indonesia</a></h1>
		</div>
		<div id="slogan">
		  <h2>"Karena Berbagi Itu Indah"</h2>
		</div>
	</div>
	<div id="menu">
				<ul>
					<li><a href="index.php">Beranda</a></li>
					<li><a href="zakat.php">Zakat</a></li>
					<li><a href="tentang.php">Tentang Kami</a></li>
					<li><a href="partner.php">Rekanan</a></li>
					<li><a href="kontak.php">Kontak</a></li>
				</ul>
		<br class="clearfix" />
	</div>
	<div id="slider">
		<div class="viewer">
			<div class="reel">
				<div class="slide">
					<a href='#'>
					<img src="images/slide01.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide02.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide03.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide04.jpg" alt="" />
				</div>
				<div class="slide">
					<a href='#'>
					<img src="images/slide05.jpg" alt="" />
				</div>
			</div>
		</div>
		<div class="indicator">
			<span>1</span>
			<span>2</span>
			<span>3</span>
			<span>4</span>
			<span>5</span>
		</div>
	</div>
	<div id="page">
		<div id="content">
			<div class="box">
				<h2>Fungsi dan Manfaat Zakat</h2>
					<p> Secara bahasa (lughat), zakat berarti "Tumbuh, berkembang dan berkah" atau dapat diartikan juga "membersihkan atau mensucikan". 
						Sedangkan arti zakat secara terminologi (isttilah), zakat merupakan kewajiban atas harta atau kewajiban atas sejumlah harta tertentu untuk kelompok tertentu dalam waktu tertentu.
					</p>
				  
			</div>
			<div class="box" id="content-box1">
				<h3>Galery Kegiatan</h3>
				<ul class="section-list">
					<li class="first">
						<img class="pic alignleft" src="images/pic01.jpg" width="70" height="70" alt="" />
						<span>Kegiatan 1 di tempat 1 pada tanggal 1.</span>
					</li>
					<li>
						<img class="pic alignleft" src="images/pic02.jpg" width="70" height="70" alt="" />
						<span>Kegiatan 2 di tempat 2 pada tanggal 2.</span>
					</li>
					<li class="last">
						<img class="pic alignleft" src="images/pic03.jpg" width="70" height="70" alt="" />
						<span>Kegiatan 3 di tempat 3 pada tanggal 3.</span>
					</li>
				</ul>
			</div>
			<div class="box" id="content-box2">
				<h3>Partner</h3>
				<p>
					Partner yang telah bekerjasama dengan Zakat Energy Indonesia.
				</p>
				<ul class="list">
					<li class="first"><a href="#">Masjid Al Ittihad</a></li>
					<li><a href="#">Masjid Al Aulaa</a></li>
					<li><a href="#">Masjid Al Barkah</a></li>
					<li><a href="#">Masjid Al Azhar</a></li>
					<li class="last"><a href="#">Masjid Al Bina</a></li>
				</ul>
			</div>
			<br class="clearfix" />
		</div>
		<div id="sidebar">
			<div class="box">
				<h3>Login</h3>
                <!-- form login -->
                <div align="center">
				<form action="periksa.php" method="post" name="login">
					<table width="220" border="0" cellpadding="0" cellspacing="0">
					<!--DWLayoutTable-->
						<tr bgcolor="#32afaf">
							<td height="19" colspan="2" align="center" valign="middle">
						<font color="#FFFFFF">LOGIN DI SINI</font></td>
						</tr>
						<tr>
							<td width="106" height="27">&nbsp;</td>
							<td width="180">&nbsp;</td>
						</tr>
						<tr>
							<td height="18" align="right" valign="middle">Username :&nbsp;</td>
							<td valign="middle">
							<input name="username" type="text" id="username" size="12"></td>
						</tr>
						<tr>
							<td height="18" align="right" valign="middle">Password :&nbsp;</td>
							<td valign="middle">
							<input name="password" type="password" id="password" size="12"></td>
						</tr>
						<tr>
							<td height="19">&nbsp;</td>
							<td></td>
						</tr>
						<tr>
							<td height="18" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
							<td valign="middle">
							<input name="login" type="submit" id="login" value=" Login "></td>
						</tr>
						<tr>
							<td height="28">&nbsp;</td>
							<td></td>
						</tr>
						<tr bgcolor="#32afaf">
							<td height="18" colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
						</tr>
					</table>
				</form>
		</div>
                
                <!-- end form login -->
<!--				<ul class="list">
					<li class="first"><a href="#">Adipiscing tincidunt</a></li>
					<li><a href="#">Euismod elit sollicitudin</a></li>
					<li><a href="#">Dolor magnis et lacinia</a></li>
					<li><a href="#">Mauris ornare aenean</a></li>
					<li class="last"><a href="#">Ante semper fringilla</a></li>
				</ul> -->
			</div>
			<div class="box">
				<h3>Info Kegiatan</h3>
				<div class="date-list">
					<ul class="list date-list">
						<li class="first"><span class="date">2/08</span> <a href="#">Kegiatan 1</a></li>
						<li><span class="date">2/05</span> <a href="#">Kegiatan 2</a></li>
						<li><span class="date">2/01</span> <a href="#">Kegiatan 3</a></li>
						<li class="last"><span class="date">1/31</span> <a href="#">Kegiatan 4</a></li>
					</ul>
				</div>
			</div>
		</div>
		<br class="clearfix" />
	</div>
	<div id="page-bottom">
		<div id="page-bottom-content">
			<h3></h3>
			<p>
				
			</p>
		</div>
		<div id="page-bottom-sidebar">
			<!--<h3></h3>
			<ul class="list">
				<li class="first"><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li class="last"><a href="#"></a></li>
			</ul>-->
		</div>
		<br class="clearfix" />
	</div>
</div>
<div id="footer">
	Copyright (c) 2012 zakatenergi.org All rights reserved.</a>.
</div>
</body>
</html>